import React, {Component} from 'react';
import "./index.scss"
import {MehOutlined} from '@ant-design/icons';

const panelIcon = require("../../../assets/img/zxtd.png")

class Index extends Component {
    componentDidMount () {

    }

    toDeal = (val) => {
        this.props.toDeal(val)
    }

    render () {
        let {num1, num2, subTit, tit} = this.props
        return (
            <div className="panel-item">
                <div className="panel-icon">
                    <img src={panelIcon} alt=""/>
                </div>
                <div className="panel-txt-con">
                    <div>{tit}</div>
                    <div className="panel-bot">
                        <div className="item-left">
                            <MehOutlined/>
                            <span className="cursor"  onClick={() => this.toDeal(this.props)}>处理中</span>
                            <span className="cursor"  onClick={() => this.toDeal(this.props)}> {num1}   </span>
                        </div>
                        <div className="item-right">
                            <MehOutlined/>
                            <span> {subTit}</span>
                            <span> {num2}  </span>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}


export default Index;